/*=== ===*/

/*== HTML ==*/
* { box-sizing: border-box;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden; }

html { height: 100%; font-size: 625%; overflow-y: scroll; }
:root { overflow-y: auto; overflow-x: hidden; }
:root body { position: absolute; }
body { width: 100vw; line-height: 0.24rem; font-size: 0.16rem; overflow: hidden !important; -webkit-font-smoothing: antialiased; }

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "SourceSans", "SourceCode", "FuturaBook", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "SimSun", "arial", "sans-serif"; outline: none; }
ul, li, p, figure { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer; outline: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:hover { color: #FEB326; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }

/*=== 通用 ===*/
.header.fixed-before { height: 1.1rem; z-index: 99; 
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%); }
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-box { padding: 0 0.08rem; }
.tm-first-box { padding-top: 0.8rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}
/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 
.header.fixed-before{
	height: 0.8rem;
}
.top_nav{display:none}
    .uk-container { padding: 0 0.08rem; }

    /*=== Crumbs ===*/
    .crumbs { position: relative;  padding: 0.12rem 0; background: #F9F9F9; box-shadow: 0 0.02rem 0.02rem rgba(0,0,0,0.07); font-size: 0.14rem; color: #999; }

    /*=== Header ===*/
    .header { position: fixed; top: 0; left: 0; width: 100%; height: 0.8rem; background: #272028; box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); z-index: 97; }
    .header .logo { height: 0.8rem; }
    .header .logo img { height: 0.48rem; }

    /*== Home Slide ==*/
    .home-slide { padding-top: 0.8rem; background: #272028; }

    /*=== Home ===*/
    .slogan .unit { border-bottom: 0.01rem solid rgba(91,91,91,0.7); }
    
    .slogan .box { position: relative; padding: 0.32rem; }
    .slogan .box .icon { position: absolute; top: 50%; left: 0.32rem; margin-top: -0.44rem; width: 0.88rem; height: 0.88rem; }
    .slogan .box .text { position: relative; top: -0.02rem; padding-left: 1.04rem; }
    .slogan .box .text .subject { line-height: 0.48rem; font-size: 0.3rem; font-weight: 700; color: #FFF; }

    .home-layout { padding: 0.32rem 0; background: #F5F5F5; }

    .home-case .cat .picture,
    .home-case .cat .info { background: #F5F5F5; }
    .home-case .cat .info .box { padding: 0.32rem; height: 100%; overflow: hidden; }
    .home-case .list .unit { margin-bottom: 0.32rem; padding: 0 0.16rem; }

    .home-service .list .unit .box .image { position: relative; width: 100%; overflow: hidden; }
    .home-service .list .unit .box .text { padding: 0.16rem; overflow: hidden; }

    /*=== Page ===*/
    .page { padding: 0.32rem 0; background: #F5F5F5; }
    .page .top .sub-title { position: relative; margin-top: 0.16rem; font-size: 0.14rem; color: #999; }
    .page .content .head .title { margin-bottom: 0.16rem; line-height: 0.28rem; font-size: 0.2rem; }

    /*=== About ===*/
    .page .about .content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }

    /*=== Case ===*/
    .page .cases .cases-content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }

    /*=== Product ===*/
    .page .products .list .unit .box .image { position: relative; width: 100%; overflow: hidden; }
    .page .products .list .unit .box .text { padding: 0.16rem 0.16rem 0.16rem 0.16rem; overflow: hidden; }
    .page .products .products-content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }
    .page .products .products-content .left { margin-bottom: 0.24rem; }

    /*=== News ===*/
    .page .news .news-content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }

    /*=== Job ===*/
    .page .jobs .list .unit .box a { display: block; padding: 0.16rem; }
    .page .jobs .list .unit { padding: 0 0.16rem 0.32rem 0.16rem; font-size: 0.16rem; }

    .page .jobs .jobs-content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }

    /*=== Contact ===*/
    .page .contact .contact-content .box { padding: 0.16rem; height: 100%; background: #FFF; }

    .page .contact .contact-content .right { line-height: 0.24rem; }
    .page .contact .contact-content .right p { word-break: break-all; }

    /*=== Paging ===*/
    .paging ul span, 
    .paging ul a { display: block; float: left; margin: auto 0.02rem; padding: 0.02rem 0.08rem; background: #41403E; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {.header.fixed-before{
	height: 1.1rem;
}
 .top_nav{display:block}
    /*=== Crumbs ===*/
    .crumbs {  }
.top_nav a{
	color:#fff;
}
    /*=== Header ===*/
    .header { height: 1.5rem; }
    .header .logo { height: 1.2rem; }
    .header .logo img { height: auto; }

    /*== Home Slide ==*/
    .home-slide { padding-top: 1.2rem; }

    /*=== Home ===*/
    .slogan .unit { border-right: 0.01rem solid rgba(91,91,91,0.7); border-bottom: none; }
    .slogan .unit:first-child { border-left: 0.01rem solid rgba(91,91,91,0.7); }

    .slogan .box { position: relative; padding: 0.2rem; }
    .slogan .box .icon { margin-top: -0.32rem; width: 0.64rem; height: 0.64rem; }
    .slogan .box .text { top: -0.05rem; padding-left: 0.8rem; }
    .slogan .box .text .subject { font-size: 0.24rem; }

    .home-layout { padding: 0.64rem 0; }

    .home-case .cat .picture { padding-right: 0.16rem; }
    .home-case .cat .info { padding-left: 0.16rem; }
    .home-case .cat .info .box { padding: 0.24rem 0.32rem 0.24rem 0.16rem; height: 100%; overflow: hidden; }
    .home-case .list .unit { margin-bottom: 0; }

    .home-service .list .unit .box .image { position: absolute; width: 2.4rem; height: 1.6rem; }
    .home-service .list .unit .box .text { padding: 0.16rem 0.16rem 0.16rem 2.56rem; height: 1.6rem; }

    /*=== Page ===*/
    .page { padding: 0.64rem 0; }
    .page .top .sub-title { margin-top: 0; margin-left: 0.32rem; }
    .page .top .sub-title:before { content: ""; display: block; position: absolute; top: 50%; left: -0.16rem; width: 0.08rem; height: 0.01rem; background: #999; }
    .page .content .head .title { margin-bottom: 0; line-height: 0.48rem; font-size: 0.24rem; }

    .page .left { padding-right: 0.16rem; }
    .page .right { padding-left: 0.16rem; }

    /*=== About ===*/
    .page .about .content { padding: 0.64rem; }

    /*=== Case ===*/
    .page .cases .cases-content { padding: 0.48rem 0.64rem; }

    /*=== Product ===*/
    .page .products .list .unit .box .image { position: absolute; width: 2.4rem; height: 1.6rem; }
    .page .products .list .unit .box .text { padding: 0.16rem 0.16rem 0.16rem 2.56rem; height: 1.6rem; }
    .page .products .products-content { padding: 0.64rem; }
    .page .products .products-content .left { margin-bottom: 0; }

    /*=== News ===*/
    .page .news .list .unit .text { padding-left: 1.12rem; padding-right: 1.54rem; height: 0.88rem; }
    .page .news .news-content { padding: 0.64rem; }

    /*=== Job ===*/
    .page .jobs .list .unit .box a { padding: 0.32rem; }
    .page .jobs .list .unit { font-size: 0.18rem; }

    .page .jobs .jobs-content { padding: 0.48rem 0.64rem; }

    /*=== Contact ===*/
    .page .contact .contact-content .box { padding: 0.32rem 0.48rem; height: 100%; background: #FFF; word-wrap: break-word; }

    .page .contact .contact-content .right { line-height: 0.32rem; }

    /*=== Footer ===*/
    .footer ul li,
    .copyright ul li { float: left; margin-right: 0.16rem; }

    /*=== Paging ===*/
    .paging ul span, 
    .paging ul a { padding: 0.04rem 0.12rem; }

} 

/*PC电脑*/
@media ( min-width : 1200px) { 
.header.fixed-before{
	height: 1.1rem;
}
 .top_nav{display:block}
    .uk-container { padding: 0; }

    /*=== Home ===*/
    .slogan .box { padding: 0.32rem; }
    .slogan .box .icon { margin-top: -0.44rem; width: 0.88rem; height: 0.88rem; }
    .slogan .box .text { top: -0.02rem; padding-left: 1.04rem; }
    .slogan .box .text .subject { font-size: 0.3rem; }

    .home-case .cat .info .box { padding: 0.48rem 0.48rem 0.48rem 0.32rem; height: 100%; overflow: hidden; }

} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
.header.fixed-before{
	height: 1.1rem;
}

     .top_nav{display:block}
}

/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }

.uk-tooltip { padding: 0 0.08rem; max-width: 2.4rem; background: #97A0BA; color: #FFF; overflow: hidden; }
.uk-accordion-title { font-size: 0.16rem; }

.uk-modal { z-index: 9999999; }
.uk-modal-dialog { position: relative; padding: 0.32rem; width: auto; border-radius: 0.02rem; }
.uk-modal-dialog .uk-icon svg { width: 0.12rem; height: 0.12rem; }
.uk-modal-dialog .subject { margin-top: 0.16rem; }

/*=== Swiper ===*/
#Home-slide .swiper-pagination,
#Home-slide-mobile .swiper-pagination { bottom: 0.08rem; }
#Home-slide .swiper-pagination-bullet,
#Home-slide-mobile .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; background: none; border: 0.02rem solid #BE9D4E; border-radius: 50%; opacity: 1; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
#Home-slide .swiper-pagination-bullet:hover,
#Home-slide .swiper-pagination-bullet-active,
#Home-slide-mobile .swiper-pagination-bullet:hover,
#Home-slide-mobile .swiper-pagination-bullet-active { background: #F0CE68; border: 0.02rem solid #FFF; opacity: 1; }

#Home-slide .tm-banner-prev,
#Home-slide .tm-banner-next,
#Home-slide-mobile .tm-banner-prev,
#Home-slide-mobile .tm-banner-next { position: absolute; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; background: #F0CE68; border-radius: 0.02rem; line-height: 0.48rem; text-align: center; font-size: 0.32rem; color: rgba(39,32,40,0.5); z-index: 2; cursor: pointer; opacity: 0; }
#Home-slide .tm-banner-prev,
#Home-slide-mobile .tm-banner-prev { left: 0.16rem; }
#Home-slide .tm-banner-next,
#Home-slide-mobile .tm-banner-next { right: 0.16rem; }
#Home-slide:hover .tm-banner-prev,
#Home-slide:hover .tm-banner-next,
#Home-slide-mobile:hover .tm-banner-prev,
#Home-slide-mobile:hover .tm-banner-next { opacity: 0.5; }
#Home-slide .tm-banner-prev:hover,
#Home-slide .tm-banner-next:hover,
#Home-slide-mobile .tm-banner-prev:hover,
#Home-slide-mobile .tm-banner-next:hover { opacity: 1; }
#Home-slide:hover .tm-banner-prev i,
#Home-slide:hover .tm-banner-next i,
#Home-slide-mobile:hover .tm-banner-prev i,
#Home-slide-mobile:hover .tm-banner-next i { position: relative; top: -0.02rem; }

/*=== Chrome Browser Scrollbar ===*/
::-webkit-scrollbar-track-piece { /*== 滚动条凹槽的颜色，还可以设置边框属性 ==*/
    background-color:rgba(0,0,0,0.1);
}

::-webkit-scrollbar { /*== 滚动条的宽度 ==*/
    width: 0.04rem;
    height: 0.01rem;
}

::-webkit-scrollbar-thumb { /*== 滚动条设置 ==*/
    min-height: 2.4rem;
    background-color: rgba(254,179,38,0.5);
    background-clip: padding-box;
    border-radius: 0.04rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(254,179,38,1);
}

/*=== mCustomScrollbar ===*/
.mCSB_inside > .mCSB_container { margin-right: 0; }
.mCSB_scrollTools .mCSB_draggerRail { background: rgba(33,130,152,0.3); }
.mCSB_scrollTools { width: 0.08rem; z-index: 999999999; }

/*=== Crumbs ===*/
.crumbs .home { margin-right: 0.08rem; font-size: 0.18rem; }
.crumbs .tip { margin-right: 0.08rem; }
.crumbs i { margin: auto 0.04rem; font-size: 0.12rem; }
.crumbs a { color: #999; }
.crumbs a.active,
.crumbs a:hover { color: #FEB326; }

/*=== Carousel menu ===*/
.carousel-menu { position: relative; margin-top: 0.32rem; padding: 0.16rem 0.64rem; background: #FFF; border-radius: 0.02rem; font-size: 0.14rem; color: #999; }
.carousel-menu .swiper-container { position: relative; }
.carousel-menu .prev,
.carousel-menu .next { position: absolute; top: 50%; margin-top: -0.12rem; width: 0.24rem; height: 0.24rem; font-size: 0.16rem; cursor: pointer; }
.carousel-menu .prev { left: 0.16rem; }
.carousel-menu .next { right: 0.16rem; }
.carousel-menu li a { display: block; position: relative; padding-left: 0.12rem; color: #999; }
.carousel-menu li a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 0.06rem; height: 0.01rem; background: #999; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.carousel-menu .prev:hover,
.carousel-menu .next:hover,
.carousel-menu li:hover a,
.carousel-menu li.active a { color: #FEB326; } 
.carousel-menu li:hover a:before,
.carousel-menu li.active a:before { background: #FEB326; }

/*=== Form ===*/
.form .input { margin-top: 0.16rem; }
.form label { display: block; position: relative; }
.form label i { position: absolute; top: 50%; left: 0.08rem; margin-top: -0.1rem; width: 0.24rem; height: 0.24rem; line-height: 0.24rem; text-align: center; color: #999; }
.form .half label i { margin-top: -0.12rem; }
.form textarea,
.form label input { padding: 0.08rem; width: 100%; border: 0.01rem solid rgba(0,0,0,0.07); border-radius: 0.02rem; font-size: 0.14rem; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.form label input { padding-left: 0.36rem; }
.form .half label input { width: 50%; }
.form textarea:focus,
.form label input:focus { border-color: #FEB326; }
.form .half label img { position: relative; top: -0.01rem; left: 0.08rem; max-height: 0.4rem; }
.form button { display: block; margin-top: 0.16rem; padding: 0.08rem; width: 100%; background: #F0CE68; border: none; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; cursor: pointer; }
.form button:hover { background: #272028; }

/*=== Header ===*/
.header.fixed-before { height: 1.1rem; z-index: 99; 
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%); }
.header.fixed-after { 
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0); }
.header.fixed-before .logo { padding: 0.16rem 0; height: 0.8rem; }
.header .logo figure { height: 100%; }

.header .menu { position: relative; height: 1.2rem; font-size: 0.14rem; }
.header.fixed-before .menu { height: 0.8rem; }
.header .menu nav > ul > li { float: left; position: relative; margin-left: 0.01rem; height: 1.2rem; line-height: 1.2rem; }
.header.fixed-before .menu nav > ul > li { height: 0.8rem; line-height: 0.8rem; }
.header .menu nav > ul > li > a { display: block; position: relative; padding: 0 0.24rem; text-transform: uppercase; color: #FFF; overflow: hidden; }
.header .menu nav > ul > li:hover > a,
.header .menu nav > ul > li.active > a { color: #272028; }
.header .menu nav > ul > li > a > span { position: relative; font-size:.18rem;}
.header .menu nav > ul > li > a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F0CE68; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleY( 0 );
    -o-transform: scaleY( 0 );
    -ms-transform: scaleY( 0 );
    -moz-transform: scaleY( 0 );
    -webkit-transform: scaleY( 0 );

    transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -webkit-transform-origin: top; }
.header .menu nav > ul > li > a:after { content: ""; display: block; position: absolute; left: 0;  bottom: 0; width: 100%; height: 0.02rem; background: #F0CE68; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( 0 );
    -o-transform: scaleX( 0 );
    -ms-transform: scaleX( 0 );
    -moz-transform: scaleX( 0 );
    -webkit-transform: scaleX( 0 ); }
.header .menu nav > ul > li:hover > a:before,
.header .menu nav > ul > li.active > a:before { 
    transform: scaleY( 1 );
    -o-transform: scaleY( 1 );
    -ms-transform: scaleY( 1 );
    -moz-transform: scaleY( 1 );
    -webkit-transform: scaleY( 1 ); }
.header .menu nav > ul > li:hover > a:after,
.header .menu nav > ul > li.active > a:after {
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }

.header .menu nav .sub-menu { position: absolute; left: 0; top: 1.2rem; width: 100%; background: #FFF; box-shadow: 0 0.08rem 0.08rem rgba(0,0,0,0.1); border-bottom-left-radius: 0.02rem; border-bottom-right-radius: 0.02rem; line-height: 0.22rem; z-index: 999; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.header.fixed-before .menu nav .sub-menu { top: 0.8rem; }
.header .menu nav > ul > li:hover .sub-menu { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }

.header .menu nav .sub-menu > li + li { border-top: 0.01rem solid rgba(0,0,0,0.05); }
.header .menu nav .sub-menu > li > a { display: block; padding: 0.08rem 0.16rem; font-size: 0.12rem; color: #666; }
.header .menu nav .sub-menu > li > a:hover { background: #272028; color: #FFF; } 

/*=== Home ===*/
.slogan { background: #272028; overflow: hidden; }
.slogan .box .text .content { font-size: 0.14rem; color: #F0CE68; }

.home-layout .title { margin-bottom: 0.32rem; }
.home-layout .title .subject { position: relative; margin-bottom: 0.24rem; padding-bottom: 0.24rem; line-height: 0.48rem; font-size: 0.3rem; }
.home-layout .title .subject::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -0.32rem; width: 0.64rem; height: 0.01rem; background: rgba(0,0,0,0.1); }
.home-layout .title .summary { font-size: 0.14rem; color: #999; }
.home-layout .more { margin-top: 0.32rem; }
.home-layout .more a { display: inline-block; position: relative; padding: 0.08rem 0.48rem; background: #272028; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }
.home-layout .more a:hover { color: #272028; }
.home-layout .more a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F6D363; z-index: 1; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.home-layout .more a:hover::before { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.home-layout .more a span { position: relative; z-index: 2; }

.home-layout.ad { padding: 0; }

.home-case { background: #F6D363 url(../images/home_case.png) repeat; }
.home-case .cat { margin-bottom: 0.32rem; border: 0.01rem solid #FFF; border-radius: 0.02rem; }
.home-case .cat .info .box .subject { position: relative; padding-bottom: 0.32rem; line-height: 0.48rem; font-size: 0.3rem; font-weight: 700; color: #272028; }
.home-case .cat .info .box .subject::after { content: ""; display: block; position: absolute; bottom: 0; width: 0.64rem; height: 0.01rem; background: rgba(0,0,0,0.1); }
.home-case .cat .info .box .summary { margin: 0.32rem auto; line-height: 0.28rem; font-size: 0.14rem; }
.home-case .cat .info .box .link a { display: inline-block; position: relative; padding: 0.08rem 0.48rem; background: #272028; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }
.home-case .cat .info .box .link a:hover { color: #272028; }
.home-case .cat .info .box .link a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F6D363; z-index: 1; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.home-case .cat .info .box .link a:hover::before { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.home-case .cat .info .box .link a span { position: relative; z-index: 2; }
.home-case .list { margin: auto -0.16rem; }
.home-case .list .unit a { display: block; }
.home-case .list .unit a .image { display: block; position: relative; overflow: hidden; }
.home-case .list .unit a .image img { border: 0.01rem solid #FFF; }
.home-case .list .unit a .image .line::before,
.home-case .list .unit a .image .line::after { content: ""; display: block; position: absolute; background: #272028; opacity: 0; visibility: hidden; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.home-case .list .unit a .image .line-top-bottom::before,
.home-case .list .unit a .image .line-top-bottom::after { width: 100%; height: 0.01rem; 
    transform: scaleX( 0 );
    -o-transform: scaleX( 0 );
    -ms-transform: scaleX( 0 );
    -moz-transform: scaleX( 0 );
    -webkit-transform: scaleX( 0 ); }
.home-case .list .unit a:hover .image .line-top-bottom::before,
.home-case .list .unit a:hover .image .line-top-bottom::after { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.home-case .list .unit a .image .line-top-bottom::before { top: 0; }
.home-case .list .unit a .image .line-top-bottom::after { bottom: 0; }
.home-case .list .unit a .image .line-left-right::before,
.home-case .list .unit a .image .line-left-right::after { width: 0.01rem; height: 100%; 
    transform: scaleY( 0 );
    -o-transform: scaleY( 0 );
    -ms-transform: scaleY( 0 );
    -moz-transform: scaleY( 0 );
    -webkit-transform: scaleY( 0 ); }
.home-case .list .unit a:hover .image .line-left-right::before,
.home-case .list .unit a:hover .image .line-left-right::after { opacity: 1; visibility: visible;
    transform: scaleY( 1 );
    -o-transform: scaleY( 1 );
    -ms-transform: scaleY( 1 );
    -moz-transform: scaleY( 1 );
    -webkit-transform: scaleY( 1 ); }
.home-case .list .unit a .image .line-left-right::before { top: 0; left: 0; }
.home-case .list .unit a .image .line-left-right::after { top: 0; right: 0; }
.home-case .list .unit a .subject { margin-top: 0.16rem; font-size: 0.14rem; color: #272028; }

.home-service .list { margin: auto -0.16rem; }
.home-service .list .unit { padding: 0.16rem; }
.home-service .list .unit .box { position: relative; padding: 0.16rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.home-service .list .unit .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.home-service .list .unit .box .text .subject { margin-bottom: 0.16rem; font-size: 0.18rem; color: #222; }
.home-service .list .unit .box .text .summary { font-size: 0.14rem; color: #999; }

.home-news .list { margin: auto -0.16rem; }
.home-news .list .unit { padding: 0.16rem; }
.home-news .list .unit .box { position: relative; padding: 0.16rem; }
.home-news .list .unit .box .date { position: absolute; left: 0; padding: 0.18rem 0.16rem; width: 0.88rem; height: 0.88rem; background: #FEDB72; overflow: hidden; }
.home-news .list .unit .box .date .day { line-height: 0.28rem; font-size: 0.24rem; color: #666; }
.home-news .list .unit .box .date .year { color: #666;font-size:.24rem; }
.home-news .list .unit .box .text { padding-left: 1.04rem; }
.home-news .list .unit .box .text .summary { margin-top: 0.16rem; font-size: 0.14rem; color: #999; }

/*=== Page ===*/
.page .top { margin-bottom: 0.32rem; }
.page .top .title { font-weight: 700; font-size: 0.3rem; color: #272028; }
.page .top .page-menu { font-size: 0.14rem; }
.page .top .page-menu li { margin-left: 0.32rem; }
.page .top .page-menu li a { display: block; position: relative; }
.page .top .page-menu li.active a { color: #FEB326; }
.page .top .page-menu li a:before { content: ""; display: block; position: absolute; top: 50%; left: -0.12rem; width: 0.04rem; height: 0.01rem; background: #999; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.page .top .page-menu li.active a::before,
.page .top .page-menu li a:hover::before { background: #FEB326; }

.page .content .head .nature ul { display: inline-block; vertical-align: bottom; }
.page .content .head .nature ul li { margin-right: 0.24rem; font-size: 0.14rem; color: #999; }
.page .content .content-text { margin: 0.32rem auto; padding: 0.32rem 0; border-top: 0.01rem solid rgba(0,0,0,0.05); border-bottom: 0.01rem solid rgba(0,0,0,0.05); }

.page .content-nav { font-size: 0.14rem; color: #999; }
.page .content-nav li { padding: 0.02rem 0; }

/*== News ==*/
.page .news .list .unit { position: relative; margin-bottom: 0.32rem; padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }
.page .news .list .unit:hover { box-shadow: 0 0 0.12rem rgba(0,0,0,0.1); } 
.page .news .list .unit .date { position: absolute; left: 0.32rem; padding: 0.18rem 0.16rem; width: 0.88rem; height: 0.88rem; background: #FEDB72; overflow: hidden; }
.page .news .list .unit .date .day { line-height: 0.28rem; font-size: 0.24rem; color: #666; }
.page .news .list .unit .date .year { color: #999; }
.page .news .list .unit .text .summary { margin-top: 0.16rem; font-size: 0.14rem; color: #999; }
.page .news .list .unit .more { position: absolute; top: 50%; right: 0.32rem; margin-top: -0.2rem; line-height: 0.4rem; font-size: 0.14rem; }
.page .news .list .unit .more a { display: block; padding: 0 0.32rem; background: #F5F5F5; border-radius: 0.02rem; color: #999; }
.page .news .list .unit .more a:hover { color: #272028; }
.page .news .list .unit .more a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F6D363; z-index: 1; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.page .news .list .unit .more a:hover::before { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.page .news .list .unit .more a span { position: relative; z-index: 2; }

/*=== Products ===*/
.page .products .list { margin: auto -0.16rem; }
.page .products .list .unit { padding: 0 0.16rem 0.32rem 0.16rem; }
.page .products .list .unit .box { position: relative; padding: 0.16rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.page .products .list .unit .box:hover { box-shadow: 0 0 0.12rem rgba(0,0,0,0.1); }
.page .products .list .unit .box .text .subject { margin-bottom: 0.16rem; font-size: 0.18rem; }
.page .products .list .unit .box .text .summary { font-size: 0.14rem; }

.page .products .products-content > div { margin-bottom: 0.32rem; padding-bottom: 0.32rem; border-bottom: 0.01rem solid rgba(0,0,0,0.05); }
.page .products .products-content .right .box .subject { margin-bottom: 0.24rem; font-size: 0.18rem; font-weight: 700; color: #F9B524; }

/*=== Case ===*/
.page .cases .list { margin: auto -0.16rem; }
.page .cases .list .unit { padding: 0 0.16rem 0.32rem 0.16rem; }
.page .cases .list .unit .box { position: relative; padding: 0.01rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.page .cases .list .unit .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.page .cases .list .unit .box .text { padding: 0.16rem; font-size: 0.14rem; }

.page .cases .cases-content .picture { margin-bottom: 0.32rem; }

/*=== Job ===*/
.page .jobs .list { margin: auto -0.16rem; }
.page .jobs .list .unit .box { position: relative; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.page .jobs .list .unit .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.page .jobs .list .unit .box a:hover { background: #F0CE68; color: #FFF; }
.page .jobs .list .unit .box .subject i { position: relative; top: -0.01rem; margin-right: 0.04rem; font-size: 0.12rem; }

/*=== Contact ===*/
.page .contact .banner { margin-bottom: 0.32rem; border: 0.01rem solid #FFF; }
.page .contact .contact-content .box .title { margin-bottom: 0.16rem; line-height: 0.32rem; font-size: 0.18rem; }

.page .contact .contact-content .right .box .text { padding-top: 0.16rem; border-top: 0.01rem solid rgba(0,0,0,0.07); }

/*== Footer ==*/
.footer { padding: 0.4rem 0; background: #272028; font-size: 0.14rem; color: #999; }
.footer ul { display: inline-block; vertical-align: bottom; }
.footer ul li span { margin-right: 0.04rem; }
.footer ul li a { color: #CCC; }
.footer ul li a:hover { color: #FFF; }

.footer .title { margin-bottom: 0.32rem; }
.footer .title .subject { position: relative; margin-bottom: 0.16rem; padding-bottom: 0.16rem; line-height: 0.48rem; font-size: 0.24rem; color: #FFF; }
.footer .title .subject::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -0.24rem; width: 0.48rem; height: 0.01rem; background: rgba(255,255,255,0.3); }

.footer .code { margin-top: 0.32rem; color: #F0CE68; }
.footer .code .image { margin: auto; max-width: 1.2rem; }
.footer .code .image img { padding: 0.08rem; border: 0.01rem solid #F0CE68; }
.footer .code .tips { margin-top: 0.08rem; }

.copyright { padding: 0.16rem 0; background: #211B22; font-size: 0.14rem; color: #999; }
.copyright ul { display: inline-block; vertical-align: bottom; }
.copyright ul li span { margin-right: 0.04rem; }
.copyright ul li a { color: #CCC; }
.copyright ul li a:hover { color: #FFF; }

/*== Paging ==*/
.paging ul { display: inline-block; vertical-align: bottom; }
.paging ul a.page-num-current,
.paging ul a:hover { background: #FEB326; }

/*=== 边栏导航 ===*/
/*边栏主体*/
.sidebar { box-sizing: border-box; position: fixed; top: 0; width: 100%; height: 100%; background: #272028; overflow: hidden; z-index: 99; 
    transform: translate(-100%);
    -ms-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -o-transform: translate(-100%); }
.sidebar.on { 
    transform: translate(0);
    -ms-transform: translate(0);
    -moz-transform: translate(0);
    -webkit-transform: translate(0);
    -o-transform: translate(0); }
.sidebar-logo { padding: 0.08rem 0.64rem; border-bottom: 0.01rem solid #000; }
.sidebar-menu nav { padding-bottom: 0.16rem; line-height: 0.4rem; font-size: 0.14rem; }
.sidebar-menu nav a { padding: 0 0.16rem; border-top-right-radius: 0.02rem; border-bottom-right-radius: 0.02rem; color: #999; }
.sidebar-menu nav i { font-size: 0.12rem; }
.sidebar-menu nav .sub-menu i { 
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5); }
.sidebar-menu nav > ul > li { position: relative; overflow: hidden; }
.sidebar-menu nav > ul > li > a { display: block; border-bottom: 0.01rem solid rgba(0,0,0,0.3); }
.sidebar-menu nav > ul > li > a i { position: relative; top: -0.01rem; }
.sidebar-menu nav > ul > li > i { position: absolute; top: 0; right: 0; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.16rem; color: #FFF; cursor: pointer; z-index: 2; }
.sidebar-menu nav > ul > li.on > i {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }
.sidebar-menu nav a:hover, 
.sidebar-menu nav > ul > li.on > a { background: #F6D363; color: #FFF; }
.sidebar-menu nav > ul > li.on .sub-menu { border-bottom: 0.01rem solid rgba(0,0,0,0.3); }
.sidebar-menu .sub-menu { height: 0; }
.sidebar-menu .sub-menu > li > a { display: block; }
.sidebar-menu .sub-menu > li > a:hover,
.sidebar-menu .sub-menu > li.on > a { background: #222; color: #FFF; }

/*边栏背景*/
.sidebar-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); pointer-events: none; opacity: 0; z-index: 98; }
.sidebar-background.on { pointer-events: all; opacity: 1; }

/*边栏控制按钮*/
.sidebar-control { position: fixed; top: 0; right: 0.24rem; width: 0.20rem; height: 0.15rem; z-index: 100; cursor: pointer; 
    transform: translate(0, 0.32rem);
    -ms-transform: translate(0, 0.32rem);
    -moz-transform: translate(0, 0.32rem);
    -webkit-transform: translate(0, 0.32rem);
    -o-transform: translate(0, 0.32rem); }
.sidebar-control.fixed-before { opacity: 0;
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);  }
.sidebar-control.fixed-after { opacity: 1;
    transform: translate(0, 0.32rem);
    -ms-transform: translate(0, 0.32rem);
    -moz-transform: translate(0, 0.32rem);
    -webkit-transform: translate(0, 0.32rem);
    -o-transform: translate(0, 0.32rem); }
.sidebar-control.on {
    transform: translate(0, 0.32rem);
    -ms-transform: translate(0, 0.32rem);
    -moz-transform: translate(0, 0.32rem);
    -webkit-transform: translate(0, 0.32rem);
    -o-transform: translate(0, 0.32rem); }
.sidebar-control .line { position: absolute; top: 50%; margin-top: -0.01rem; width: 100%; height: 0.01rem; background: #FFF; opacity: 1; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.sidebar-control.on .line { opacity: 0; }
.sidebar-control:before,
.sidebar-control:after { content: ""; display: block; position: absolute; width: 100%; height: 0.01rem; background: #FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.sidebar-control:before { top: 0; }
.sidebar-control:after { bottom: 0; }
.sidebar-control.on:before { 
    transform-origin: right; 
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg); }
.sidebar-control.on:after { 
    transform-origin: right; 
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg); }